﻿<%@ page title="jGrowl Plugin" language="C#" masterpagefile="~/standard.master" codefile="jgrowl.aspx.cs" inherits="Sample.JQuery.JGrowlPage" %>
<asp:content id="Content" contentplaceholderid="ContentPlaceHolder" runat="Server">
	<div><asp:hyperlink runat="server" id="CodeLink" navigateurl="~/code.aspx?file=jgrowl&title=jGrowl+Plugin+Code" text="View Source Code" /></div>
	<div>The server time is <%=DateTime.Now.ToLongTimeString()%>.</div>
	<p>
		This is the njQuery ASPX implementation of the
		<jquery:themedicon runat="server" icon="ui-icon-newwin" tooltip="Opens in New Window" />
		<a href="http://stanlemon.net/projects/jgrowl.html" target="_blank">jGrowl Plugin</a>.
	</p>
	<jquery:themedpanel runat="server">
		<content>
			<asp:updatepanel runat="server" id="UpdatePanel">
				<contenttemplate>
					<jquery:jgrowl runat="server" id="JGrowl" corners="15px" />
					<div>
						<asp:checkbox runat="server" id="Message1Check" text="Send Message 1" />
						<asp:checkbox runat="server" id="Message2Check" text="Send Message 2" />
						<asp:checkbox runat="server" id="Message3Check" text="Send Message 3" />
						<asp:checkbox runat="server" id="Message4Check" text="Send Message 4" />
					</div>
					<div>
						<p>
							The post-back below is inside an UpdatePanel control.
							Notice how the timestamp on the below updates, while the timestamp above page does not.
						</p>
						<p>
							Also, you do not have to wait for the message to disappear before clicking the UpdatePanel button again.  Give it a try!
						</p>
						<asp:button runat="server" id="AjaxPostBackButton" text="UpdatePanel Post-back" />
						<div>The server time is <%=DateTime.Now.ToLongTimeString()%>.</div>
					</div>
				</contenttemplate>
			</asp:updatepanel>
			<p>
				The post-back below is a simple ASPX button control with no UpdatePanel.
				Notice how all timestamps on the page update.
			</p>
			<asp:button runat="server" id="TraditionalPostBackButton" text="Traditional Post-back" />
		</content>
	</jquery:themedpanel>
</asp:content>